<!DOCTYPE html>
<html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8"%>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>新增查岗策略</title>
<link href="<%=basePath%>resources/js/common/plugin/easyui/themes/default/easyui.css" rel="stylesheet"/>
<link href="<%=basePath%>resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" />
<link href="<%=basePath%>resources/js/common/plugin/multiselect/css/multiple-select.css" rel="stylesheet" />
<script src="<%=basePath%>resources/js/common/plugin/multiselect/js/multiple-select.js"></script>
<script src="<%=basePath%>resources/js/common/plugin/select2/js/select2.min.js"></script>
<script src="<%=basePath%>resources/js/common/plugin/easyui/jquery.easyui.min.js"></script>
<script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
<script src="<%=basePath%>resources/js/common/main/global.js"></script>
<script src="<%=basePath%>resources/js/common/main/nav.js"></script>
<script src="<%=basePath%>resources/js/system/check/addEntStrategyForm.js"></script>
<style>
.multiselect-native-select .multiselect.btn{
	width:220px;
    outline:none;
	background-color:white;
	border-style:none;
	box-shadow: none;
	border:none;
	border:1px solid #dedede;
	overflow: hidden;
    padding: 0 5px 0 3px;
 	height:24px;
 	border-radius:0;
	
}
label{
	display:inline-block;
	width:70px;
	height:24px;
	line-height:24px;
	text-align:right;
}
.multiselect-native-select button:focus{
	border-style:none;
	box-shadow: none;
	outline:none;
	background-color:white;
	border:none;
	border:1px solid #dedede; 
	background-color:white;
}
 .multiselect-native-select button span{
	float:left;
	width:195px;
	overflow:hidden;
	text-align:left;
	font-size:12px;
}
.multiselect-native-select button b{
	float:right;
}
.multiselect-native-select ul .multiselect-filter .input-group-btn{
	display:none;
}
#checkTime{
	height:24px;
	width:220px;
	border-color:#dedede;
}
#questionId{
	height:24px;
	border-color:#dedede;
}
#answer1{
	width:220px;
	height:48px;
	border-color:#dedede;
}
.label>div{
	margin-bottom:10px;
}
.btn-group ul{
	height:250px;
	overflow-y: auto;
	border-radius:0;
	width:220px;
}
.btn-group ul .checkbox{
	padding-left:25px;
}
.btn-group ul .multiselect-search{
	width:200px;
}
.btn-group.open .btn.dropdown-toggle{
	background:white;
}
input[type="radio"], input[type="checkbox"]{
	margin:0;
} 
.btn-group .multiselect.btn{
	width:220px;
}
#entNameDiv .btn .caret{
	margin-top:-12px;
}
#queryCheckTime{
	height:24px;
	border-color:#dedede;
}
.multiselect.dropdown-toggle.btn.btn-default,#selectEntModels{
	width:150px;
}
#check_target_id{
	width:220px;
}
.hDiv tr input,.bDiv tr input{
	border:none;
}
.ms-parent.userInput{
	border:none;
}
#div .ms-parent .ms-drop.bottom label{
	padding-left:0;
	text-align: left !important;
}
#entNameDiv .ms-drop.bottom label{
padding-left:0;
	text-align: left !important;
}
#div .ms-parent .ms-drop ul{
	height:200px;
}
#div .placeholder,#entNameDiv .placeholder{
	color:#444;
}
#div .ms-parent .ms-drop li input{
	border:none;
}
#entNameDiv .ms-parent ul input{
	border:none;
}

</style>
</head>

<body>
	<div class="userQuery mt20 clearfix pr" style='margin-top:0'>
		

				<div class='fl' style='width:220px;'>
					<label class='fl'>查岗对象：</label>
					<select class='fl' name="selectCheckModel" id="selectCheckModel" onchange="selectCheckModel(this)" style='height:24px;border-color: #dedede;width:150px'>
					</select>
				</div>
			
				<div id="entNameDiv" class='fl' style='width:220px'>
					<label class='fl' id="unitName">业户对象：</label>
					<select class='fl' name="selectEntModels" id="selectEntModels" multiple="multiple"></select>
				</div>
				
				<div id="areaNameDiv" class='fl' style='width:220px'>
					<label class='fl' id="areaName" >区域对象：</label>
					<select class='fl' name="selectAreaModels" id="selectAreaModels" style='width:148px'></select>
				</div>
			
			<div class='fl' style='width:220px'>
				<label class='fl'>查岗内容：</label>
				<select class='fl' name="selectQuestions" id="selectQuestions" style='width:150px;height:24px;border-color:#dedede'></select>
			</div>
			
			<div class='fl' style='width:220px'>
				<label class='fl'>查岗时间：</label>
				<input type="text" id="queryCheckTime" style='height: 24p; width: 150px'
						class="query-input fl Wdate Time_input"
						onclick="WdatePicker({dateFmt:'HH:mm'})" />
			</div>
			

		
		<a class="fl userBtn" href="javascript:;" id="queryBtn" style="margin-left:80px"
			onclick="if(toSearch1()==false) return false;"
			>查询</a>
	</div>



		<div style='width: 345px; float: left; border: 1px solid #dedede'>
			<div style="float: left; margin: 20px 0 20px 0" class='label'>

				<div class='clearfix' id="div">
					<label for="check_target_id" class='fl'>业户查岗： </label> <select
						class="userInput fl" id="check_target_id" multiple="multiple">
					</select>
				</div>

				<div class='clearfix'>
					<label for="" class='fl'>查岗模式： </label> <input type="radio"
						name="checkMode" id="checkMode1" value="1"
						style='margin-top: -1px;border:none;' />自动 <input type="radio"
						name="checkMode" id="checkMode2" value="2"
						style='margin-top: -1px; margin-left: 10px;border:none;' />手工
				</div>

				<div class='clearfix' id="showOrhide">
					<label for="checkTime" class='fl'>下发时间： </label> <input type="text"
						id="checkTime" style='height: 24p; width: 220px'
						class="query-input fl Wdate Time_input"
						onclick="WdatePicker({dateFmt:'HH:mm'})" />
				</div>

				<div class='clearfix'>
					<label for="questionId" class='fl'>查岗内容： </label> <select
						name="questionId" id="questionId" onchange="getAnswer(this)">

					</select>
				</div>
				<div class='clearfix'>
					<label for="answer1" class='fl'>设置答案： </label>
					<textarea rows="2" cols="2" id="answer1" disabled="disabled" style='border:none;border:1px solid #dedede's></textarea>
				</div>
				<div class='clearfix' style='margin: 14px 0 0 100px'>
					<a class="fl userBtn" href="javascript:;" onclick='saveStrategy()'
						style='text-align: center'>提交</a>
				</div>
			</div>
		</div>

	<div class="userOpeart" style='margin-left:370px'>
		<ul class="clearfix">
			<li class="userAdd OpeartLi-vehicle fl"><a
				class="db clearfix OpeartA" href="javascript:;" id="delStrategyBtn"
				name="delStrategyBtn" onclick="if(deleteStrategy()==false) return false;">
					<span class="remove-icon db fl OpeartIcon"></span>
					<div class="add-text OpeartText fl">删除</div>
			</a></li>
		</ul>
	</div>
	<div class="rightbox" style='margin-left: 370px'>
			<div id="tbStrategys"></div>
		</div>
</body>
</html>